<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简介</title>
    <style>
        * {
            font-weight: 500px;
        }

        h1 {
            color: red;
            text-align: center;
        }

        h3,
        h4 {
            color: blue;
        }

        .text {
            margin-bottom: 15px;
            text-indent: 160px;
        }

        header {
            width: 800px;
            height: 150px;
            background-color: skyblue;
            margin-bottom: 2px;
            background-image: url(2.jpg);
            background-repeat: no-repeat;
            background-size: 140px 140px;
            background-position: left top;
        }


        article {
            width: auto;
        }

        section {
            float: left;
            width: 600px;
            height: 180px;
            margin-bottom: 2px;
            background-color: skyblue;
        }

        aside {
            background-color: lightblue;
            width: 200px;
            height: 362px;
            margin-bottom: 2px;
            overflow: hidden;
        }

        footer {
            width: 800px;
            height: 100px;
            background-color: gray;
            font-size: 12px;
        }

        div {
            width: 800px;
            border: 3px solid green;
            margin: auto;
            position: relative;
        }

        .t {
            position: relative;
            left: 160px;
        }

        .t1 {
            color: blue;


        }
    </style>
</head>

<body>

    <h1>个人简历</h1>
    <video src="https://y.qq.com/n/ryqq/player" controls autoplay muted hidden="true"></video>

    <div>
        <header>
            <span class="t">姓名:王其</span>
            <p class="text">班级:220401</p>
           <p class="text">学号:20222410</p>
            <p class="text">性别:男</p>
         
        </header>
        <article>
            <section>
                <h3>教育经历</h3>
                <ol style="1" start="3" reversed>
               <li>
                <p>2022.9--2023.10:南湖校区</p></li> 
               <li> <p>2023.10--至今 :北湖西区</p></li>
                <li><p>所学专业:计算机科学与技术</p></li>
                </ol>
            </section>
            <section>
                <h3>熟悉的开发语言 </h3>
                <p>开发工具:VS IDEA </p>
                <p>数据库:Mysql</p>
                <p>语言:C语言,Java</p>
            </section>
        </article>
        <aside>
            <h3>荣誉奖项</h3>
            <ul>
                <li>大学英语四级</li>
                <li>单科状元奖学金*2</li>
                <li>一等奖学金*1</li>
                <li>二等奖学金*1</li>
                <li>三等奖学金*1</li>
            </ul>
        </aside>

        <footer>
            <span class="t1">联系方式</span>
            <p>电话:18355919568</p>
            <p>E-mail:1923432121@qq.com</p>
        </footer>

    </div>
</body>

</html>